<!-- Blend two background images having background-attachment: fixed and scroll respectively  -->
<!DOCTYPE HTML>
<html>
<head>
<style>
div {
  width: 200px;
  height: 200px;
  background: url('as-image/black100x100.png'), url('as-image/green100x100.png');
  background-size: 100px 100px, 200px 100px;
  background-repeat: no-repeat;
}

body {
  margin: 0px;
}
</style>
</head>

<body>
  <div></div>
</body>
</html>